// 颜色变量
$primary-color: #81d3f8;
$primary-hover-color: #40a9ff;
$background-color: #f0f2f5;
$border-color: #e8e8e8;
$text-color: #333;
$text-color-secondary: #666;
$text-color-light: #999;

// 字体
$font-size-base: 16px;
$font-weight-bold: 700;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 边框圆角
$border-radius-sm: 2px;
$border-radius-md: 4px;
$border-radius-lg: 8px;

// 阴影
$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
$box-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.1);

// 过渡动画
$transition-duration: 0.3s;

// 布局尺寸
$header-height: 64px;
$sidebar-width: 200px;
$content-padding: 24px;